<a id="aitems" target="_blank" rel="noopener noreferrer" href="<?= $block->getItemUrl($item)?>"><?=$item['name']?>Tengo esta etiqueta "a" que representa 5 elementos que son opciones de menú. Pero necesito que 4 de esos 5 elementos abran una nueva URL en una pestaña diferente, por eso agregué la clase de destino. Pero, por supuesto, si lo hago de esta manera, el primer elemento "a" también se abrirá en una nueva pestaña y no quiero eso.
Esto es lo que estoy tratando de hacer
function addClass(){ const list = document.querySelector('#aitems'); // list[0].removeClass("target"); list[0].addClass("test1"); list.firstElementChild.classList.add("test"); } addClass();Solo intento eliminar el objetivo de clase del primer elemento o agregar el objetivo de clase a los otros 4 elementos. Siempre me da errores que no pueden leer classList o addClass. Ya probé con getElementById o byClassName
Estoy haciendo esto en un archivo .phtml.
Así que finalmente resolví el problema. Lo dejaré aquí si alguien lo necesita.
<a class="model-a" target="_blank" rel="noopener noreferrer" href="<?= $block->getItemUrl($item)?>"><?=$item['name']?> </a> function addClass() { var divs = document.querySelectorAll('.model-a'); for (var i = 0; i < divs.length; i++) { divs[0].classList.add('newclass'); divs[0].removeAttribute('target'); } } addClass(); El classList.add no es necesario pero lo dejaré.